<!DOCTYPE html>
<html>
<#include "./head.ftl">

<body>
<#include "./head_menu.ftl">
  <div class="layui-container">
  <div class="layui-btn-container" style="margin-bottom: 6px; text-align: center;">
        <button type="button" class="layui-btn layui-bg-blue" style="float: left;">日志格式</button>
        <div class="layui-input-block">
          <input type="text" name="logPattern" id="logPattern" autocomplete="off" placeholder="%{yyyy-MM-dd HH:mm:ss}t %a %A %m %s %D %b %I %U%q %{User-Agent}i" lay-verify="required" class="layui-input">
        </div>
    <button type="button" class="layui-btn layui-btn-normal" id="ID-upload-demo-choose">选择文件</button>
    <button type="button" class="layui-btn" id="ID-upload-demo-action">开始上传</button>
  </div>
      <pre class="layui-code code-demo" lay-options="{}">
     /**
      * %a - 远程IP地址
      * %A - 本地IP地址
      * %b - 发送的字节数(Bytes sent), 不包括HTTP headers的字节，如果为0则展示’-’
      * %B - 发送的字节数(Bytes sent), 不包括HTTP headers的字节
      * %h - 远程主机名称(如果resolveHosts为false则展示IP)
      * %H - 请求协议
      * %l - 远程用户名，始终为’-'(Remote logical username from identd)
      * %m - 请求的方法(GET, POST等)
      * %p - 接受请求的本地端口
      * %q - 查询字符串，如果存在，有一个前置的’?’
      * %r - 请求的第一行(包括请求方法和请求的URI)
      * %s - response的HTTP状态码(200,404等)
      * %S - 用户的session ID
      * %t - 日期和时间，Common Log Format格式，使用%{yyyy-MM-dd HH:mm:ss}t控制格式化输出。
      * %u - 被认证的远程用户, 不存在则展示’-’
      * %U - 请求URL路径
      * %v - 本地服务名
      * %D - 处理请求的时间，单位为毫秒
      * %T - 处理请求的时间，单位为秒
      * %I - 当前请求的线程名(can compare later with stacktraces)
      */
    </pre>
  </div>  
  <!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
  <script src="${base}/layui/layui.js"></script>
  <script>
  var $ = layui.$;
  layui.use(function(){
    var upload = layui.upload;
    // 渲染
    upload.render({
      elem: '#ID-upload-demo-choose',
      url: '${base}/log/uplod', // 此处配置你自己的上传接口即可
      auto: false,
      accept: 'file', // 普通文件
      multiple: true,
      bindAction: '#ID-upload-demo-action',
      done: function(res){
          if (0 == res.jsonCode) {
              layer.msg('上传成功');
              location.href = "${base}/log/toAnalysis";
          } else {
              layer.msg(res.jsonMsg);
          }
      },
      before: function (){
        var logPattern = $("#logPattern").val();
        if(null==logPattern||''==logPattern){
            layer.msg("请先设置日志格式");
            return false;
        }
        this.data = {
            logPattern: $("#logPattern").val()
        }
      },
    });
  });
  </script>
</body>

</html>